<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <!--bootstrap-->
    <link href="/shop-app/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/shop-app/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/shop-app/bootstrap/js/bootstrap.min.js"></script>
    <!-- 引入HttpUtil.js -->
    <script src="/shop-app/js/HttpUtil.js"></script>
    <!--引入存到浏览器的js文件-->
    <script src="/shop-app/js/UserCacheUtil.js"></script>
    <!-- 界面报icon找不到问题 -->
    <link rel="shortcut icon" href="#"/>
</head>
<body>

<div class="container">
    <div class="page-header row">
        <h1><a href="/shop-app/index.html">这是个商城</a>
            <small class="text-primary
            col-xs-offset-1  col-sm-offset-1 col-md-offset-1 col-lg-offset-1
            "> 个人中心
            </small>
        </h1>
    </div>

    <div class="panel panel-default panel panel-primary">
        <div class="panel-body">
            <div class="row">
                <div class="
                col-xs-3 col-sm-3 col-md-2

                ">
                    <ul class="list-group ">
                        <li class="list-group-item" onclick="changeShowIframe('/shop-app/user/iframe/base-info.html')">基本信息</li>
                        <li class="list-group-item" onclick="changeShowIframe('/shop-app/user/iframe/change-password.html')">修改密码</li>
                        <li class="list-group-item" onclick="changeShowIframe('/shop-app/user/iframe/logout-user.html')">注销用户</li>

                    </ul>
                </div>


                <div class="embed-responsive embed-responsive-4by3" style="border-left: solid 1px rgb(51,122,183);">
                    <iframe class="embed-responsive-item" src="/shop-app/user/iframe/base-info.html"></iframe>
                </div>

            </div>
        </div>
    </div>

</div>

<script>
    function changeShowIframe(url) {
        $('.panel-body .row div iframe').attr('src', url);
    }
</script>

</body>
</html>